*{
	margin:0;
	padding:0;
}
ul{ list-style:none;}
a{
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0);
}
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#ccc;}
a:active{color:#ccc;}
html{
		font-size:20px;
    }
body{
	margin:0; 
	color:#fff; 
	font-size:.8rem;
	font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
	width:100%;
}
.page{
	width:100%;
	background:url(/img/index_bg.png) no-repeat;
	background-size: 100% 100%;
	padding-top: 1vh;
}
.page .infoList{
	width:15rem;
	margin: 0 auto;
	background: rgba(255,255,255,.1);
	-webkit-box-shadow: .2rem .2rem .3rem rgba(0,0,0,0.1);
 	box-shadow: .2rem .2rem .3rem rgba(0,0,0,0.1);
 	padding-bottom: 5vh;
}
.page .infoList .titleText{
	line-height: 8vh;
	padding-left: .7rem;
	color: #D6D6D6;
	background: rgba(255,255,255,.2);
	margin-top: 1rem;
    font-size: .7rem;
}
.page .infoList p{
	color: #B2B2B1;
	font-size: .6rem;
	margin: 1rem 0 0 .7rem;
}
.page .infoList p .fontColor{
	display: block;
	float: right;
	margin-right: .5rem;
	color: #3C7A96;
}
.page .fonterBtn{
	width:14.2rem;
	height: 10vh;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 54vh;
}
.page .fonterBtn a{
	display: block;
	float: left;
	width:6.5rem;
	height: 1.7rem;
	line-height:1.7rem;
    font-size: .7rem;
	text-align: center;
	background: rgba(255,255,255,.2);
	-webkit-box-shadow: .2rem .2rem .3rem rgba(0,0,0,0.1);
 	box-shadow: .2rem .2rem .3rem rgba(0,0,0,0.1);
}
.page .fonterBtn a:visited{background: rgba(255,255,255,.2);}
.page .fonterBtn a:hover{background: rgba(255,255,255,.4);color: #bbb;}
.page .fonterBtn a:active{background: rgba(255,255,255,.4);color: #bbb;}
.page .fonterBtn a.goBack{
	margin-right:1rem;
}
.undbing_bg{
	width: 16rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100001;
	display: none;
    font-size: .8rem;
}
.undbing_bg .undbing_box {
    width: 12rem;
    height:10rem;
    background: #fff;
    border-radius: .3rem;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.undbing_bg .undbing_box p {
    margin-top: 1.5rem;
    color: #000;
}
.undbing_bg .undbing_box section {
    margin: 0 auto;
    margin-top: 1.5rem;
    width: 8.2rem;
}
.undbing_bg .undbing_box section a{
	display:block;
    width: 4rem;
    float: left;
    font-size: .8rem;
    text-align: center;
    color: #252525;
    padding: .3rem 0;
    background: #fff;
    border: 1px solid #a5a5a5;
}
.undbing_bg .undbing_box section a.no_btn{
	border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.undbing_bg .undbing_box section a.yes_btn{
	border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-left: none;
}
.hint_bg{
    width:16rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000000;
    display: none;
    font-size: .8rem;
    color:#666;
}
.hint_box{
    width: 11rem;
    height: 10rem;
    background: #fff;
    padding: 0 1rem;
    position: absolute;
    text-align: center;
    border-radius: .4rem;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    margin:auto;
}
.hint_bg .hint_box p{
    margin-top: 2.5rem;
}
.hint_bg .hint_box section{
    width:5rem;
    margin:2rem auto; 
    border:1px solid #ccc;
    padding: .3rem 0;
    border-radius:1rem;
}